<template>
	<view class="apps">
		<view class="flex banner">
			<image :src="info.image"></image>
		</view>
		<view class="flex fdc bgwhite plr20 mb20 pb20">
			<view class="flex aic ptb20">
				<text class="black f30 ">{{info.company_name}}</text>
			</view>
			<view class="flex aic">
				<text class="black f26 c666 ">{{info.description}}</text>
			</view>
		</view>
		<view class="flex fdc bgwhite plr20 mb20">
			<image :src="item" v-for="(item,index) in info.images" mode="widthFix" style="width: 100%;height:auto;"></image>
		</view>
	</view>
</template>

<script setup>
	import { util } from '/common/util.js';
	import { ref, reactive, nextTick  } from 'vue';
	import { onLoad,onShow,onReachBottom } from '@dcloudio/uni-app'
	const info =ref({}),id=ref(0),list=ref([])
	const getDetail= ()=>{
		util.request({url:"/serve/teamdetail",data:{id:id.value},type:'get'}).then((rlt)=>{
			info.value = rlt.data
			uni.setNavigationBarTitle({
			  title: rlt.data.company_name,
			});
		})
	},handle = (e)=>{
		uni.navigateTo({
			url:"/pages/service/team?id="+e,
		})
	}
	onLoad((opt)=>{
		id.value = opt.id
		getDetail()
		
	})
</script>

<style scoped>
	.banner image{width:750rpx;height: 600rpx;}
</style>